<html>
<head>
</head>

<style type = "text/css"> 
<!--
@import url("assets/css/table.css");
@import url("assets/css/library.css");
@import url("assets/css/courts.css");
-->
</style>
<body>
<script LANGUAGE="JavaScript" SRC="assets/javascript/sorttable.js"></script>
<script LANGUAGE="JavaScript" SRC="assets/javascript/library.js"></script>
<body>
<div id=containerlogin>
 {{ LoginForm }} 
</div>

<center>

<h1> Court Reservations </h1>

{% if LoggedIn %}
<table>
<b>Captain {{ CaptainReservation.fname }} {{ CaptainReservation.lname }} {{ CaptainReservation.team }} </b>
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Day</th>
<th scope="col">Courts</th>
<th scope="col">Location</th>
<th scope="col">Time</th>
<th scope="col">Description</th>
</thead>

{% for e in CaptainReservation.courts %}
<tr>
<td>{{e.date}} </td>
<td>{{e.weekday}} </td>
<td>{{e.courts}} </td>
<td>{{e.location}} </td>
<td>{{e.start}} -> {{e.end}} </td>
<td>{{e.desc}}</td>
</tr>
{% endfor %}
</table>

{% endif  %}

<!--
 COMMENT OUT MANGO
<p>
<h3> Mango </h3>
 <table align="center" class="sortable_">
 <thead>
 <tr>
 <th scope="col">Date</th>
 <th scope="col">Day</th>
 <th scope="col">Courts</th>
 <th scope="col">Location</th>
 <th scope="col">Time</th>
 <th scope="col">Captain</th>
 <th scope="col">Team</th>
 </thead>

{% for e in Mango %}
<tr>
<td>{{e.date}} </td>
<td>{{e.weekday}} </td>
<td>{{e.courts}} </td>
<td>{{e.location}} </td>
<td>{{e.start}} -> {{e.end}} </td>
<td>{{e.captain}}</td>
<td>{{e.team}}</td>
</tr>
{% endfor %}
</table>

-->

<h3> Cuesta </h3>
<b> Click on the top row to sort </b>
 <table align="center" class="sortable">
 <thead>
 <tr>
 <th scope="col">Date</th>
 <th scope="col">Day</th>
 <th scope="col">Courts</th>
 <th scope="col">Location</th>
 <th scope="col">Time</th>
 <th scope="col">Captain</th>
 <th scope="col">Team</th>
 </thead>

{% for e in Courts %}
<tr>
<td>{{e.date}} </td>
<td>{{e.weekday}} </td>
<td>{{e.courts}} </td>
<td>{{e.location}} </td>
<td>{{e.start}} -> {{e.end}} </td>
<td>{{e.captain}}</td>
<td>{{e.team}}</td>
</tr>
{% endfor %}


</table>

